<template>
    <view class="list" :style="themeColor">
        <view v-for="item in 4" @click="goUrl('/pages_me/packet/message/details')">
            <view class="desc">
                <view class="desc-top">订货发货系统,功能完备, 集进销存,分销,资。</view>
                <text class="time">昨天 20:10</text>
                <view class="desc-bottom">
                    <text>查看详情</text>
                    <uni-icons class="icon-right" type="arrowright" customIcons="colorc8"></uni-icons>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    components: {},
    data() {
        return {}
    },
    mounted() {},
    methods: {
        goUrl(url) {
            this.easyGoTo(url)
        },
    },
}
</script>

<style lang="scss">
page {
    background: #f5f5f5;
}
.list {
    text-align: center;
    padding: 50rpx $app-page-padding;
    .time {
        color: #999999;
        display: block;
        padding-bottom: 30rpx;
        margin-bottom: 30rpx;
        padding-top: 15rpx;
        border-bottom: 1px solid #f6f6f6;
    }
    .desc {
        background: $color-white;
        border-radius: $border-radius-10;
        padding: 32rpx;
        font-size: 32rpx;
        text-align: left;
        margin-bottom: 24rpx;
        .desc-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            & > text {
                color: #666666;
            }
        }
    }
    .colorc8 {
        color: #c8c8c8;
    }
}
</style>
